<!--
	Created by   : jishasha
	Created time : 2017/03/21
	File explain : 趋恒材料卖家PC端交易帐务
-->
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>交易帐务</title>
</head>
<link rel="stylesheet" href="../../libs/zui/css/zui.min.css">
<link rel="stylesheet" href="../../libs/bootstrap-table-dist/dist/css/bootstrap-table.min.css">
<link rel="stylesheet" href="../../libs/datetimepicker/css/datetimepicker.min.css">
<link rel="stylesheet" href="../../common/css/common.css">
<body>
<div class="cmn-main">
  <div class="cmn-graph-container">
    <div class="cmn-graph-title">
      <div class="cmn-graph-content">
        <div class="cmn-graph-outfit">
          本年度交易账务曲线图
        </div>
        <div class="cmn-graph-date cmn-allMonth-data"></div>
      </div>
      <div class="cmn-graph-time">
        <div class="cmn-query-group cmn-query-search">
          <span>年份 :</span>
          <div class="cmn-query-input form-group">
            <select class="cmn-query-multi cmn-query-year" id="id-year-choose">

            </select>
            <span class="cmn-multi-icon  icon icon-angle-down"></span>
          </div>
        </div>
      </div>
    </div>
    <div class="cmn-graph-picture">
      <div class="cmn-canvas" id="id-line-pic"></div>
      <div class="cmn-graph-data">
        <div class="cmn-graph-title">
          <div class="cmn-graph-condata">
            <div class="cmn-graph-outfitdata">
              本月交易数据
            </div>
            <div class="cmn-graph-date cmn-thisMonth-data"></div>
          </div>
        </div>
        <div class="cmn-graph-money">
          <div class="cmn-last-amount">
            上月结转额（万元）
            <br>
            <span class="cmn-money-num cmn-thisMonth-lastUnpaid"></span>
          </div>
          <div class="cmn-this-receivable">
            本月应收款（万元）
            <br>
            <span class="cmn-money-num cmn-thisMonth-currentTotal"></span>
          </div>
          <div class="cmn-this-payment">
            本月实收款（万元）
            <br>
            <span class="cmn-money-num cmn-thisMonth-currentHaspaid"></span>
          </div>
          <div class="cmn-this-uncollected">
            本月未收款（万元）
            <br>
            <span class="cmn-money-num cmn-thisMonth-notReceipt"></span>
          </div>
        </div>
      </div>
    </div>
  </div>

  <main>
    <!-- 主体部分 包含：bootstrapTable-->
    <div class="cmn-table-container">
      <!-- bootstrapTable 服务器分页 开启分页模式-->
      <div class="cmn-table-explain">
        <div class="cmn-title-explain">交易账务 (月数据)</div>
      </div>
      <table class="table cmn-account-table" id="id-user-account-table"
             data-side-pagination="server"
             data-striped="true">
        <thead class="cmn-account-head">
        <tr>
          <th data-field="year" data-align="center" data-valign="middle" data-width="8%">年度</th>
          <th data-field="month" data-align="center" data-valign="middle" data-width="8%">月份</th>
          <th data-field="lastUnpaid" data-align="right" data-valign="middle" data-width="">上月结转额（万元）</th>
          <th data-field="currentTotal" data-align="right" data-valign="middle" data-width="">本月应收款（万元）</th>
          <th data-field="currentAdjust" data-align="center" data-valign="middle" data-width="10%">调整</th>
          <th data-field="currentHaspaid" data-align="right" data-valign="middle" data-width="">本月实收款（万元）</th>
          <th data-field="notReceipt" data-align="right" data-valign="middle" data-width="">本月未收款（万元）</th>
          <th data-field="event" data-align="center" data-valign="middle" data-width="10%">操作</th>
        </tr>
        </thead>
      </table>
    </div>
    <div class="cmn-table-container">
      <!-- bootstrapTable 服务器分页 开启分页模式-->
      <div class="cmn-table-explain">
        <div class="cmn-title-explain">交易账务  (项目)</div>
        <div class="cmn-look-more">
          查看更多
          <i class="icon icon-angle-right"></i>
        </div>
      </div>
      <table class="table cmn-account-table" id="id-user-project-table"
             data-side-pagination="server"
             data-striped="true">
        <thead class="cmn-account-head">
        <tr>
          <th data-field="index" data-align="center" data-valign="middle" data-width="8%">序号</th>
          <th data-field="projectName" data-align="left" data-valign="middle" data-width="125px">项目名称</th>
          <th data-field="buyerCompanyName" data-align="left" data-valign="middle" data-width="160px">所属公司</th>
          <th data-field="lastUnpaid" data-align="right" data-valign="middle" data-width="">结转额（万元）</th>
          <th data-field="currentTotal" data-align="right" data-valign="middle" data-width="">应收款（万元）</th>
          <th data-field="currentAdjust" data-align="center" data-valign="middle" data-width="10%">调整</th>
          <th data-field="currentHaspaid" data-align="right" data-valign="middle" data-width="">实收款（万元）</th>
          <th data-field="notReceipt" data-align="right" data-valign="middle" data-width="10%">未收款（万元）</th>
        </tr>
        </thead>
      </table>
    </div>
  </main>
</div>
</body>
<script data-main="mater-trade-account" src="../../libs/require.js"></script>
</html>